﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=gb2312">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no" />
<title>${article.title}-小白分享</title>
<c:choose><c:when test="${tags==null}"><meta name="keywords" content="小白分享,小白资源,小白,xiaobai" /></c:when><c:otherwise><meta name="keywords" content="<c:forEach var="tag" items="${tags }">${tag},</c:forEach>小白分享" /></c:otherwise></c:choose>
<meta name="description" itemprop="description"
	content="${article.summary}" />
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/static/bl/images/Logo_40.png"
	type="image/x-icon">
<!--Layui-->
<link
	href="${pageContext.request.contextPath}/static/bl/plug/layui/css/layui.css"
	rel="stylesheet" />
<!--font-awesome-->
<link
	href="${pageContext.request.contextPath}/static/bl/plug/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<!--全局样式表-->
<link href="${pageContext.request.contextPath}/static/bl/css/global.css"
	rel="stylesheet" />
<!-- 比较好用的代码着色插件 -->
<link
	href="${pageContext.request.contextPath}/static/bl/css/prettify.css"
	rel="stylesheet" />
<!-- 本页样式表 -->
<link href="${pageContext.request.contextPath}/static/bl/css/detail.css"
	rel="stylesheet" />
</head>
<body>
	<!-- 导航 -->
	<nav class="blog-nav layui-header">
	<div class="blog-container">
		<!-- QQ互联登陆 -->
		<a href="javascript:;" class="blog-user"> <i class="fa fa-qq"></i>
		</a> <a href="javascript:;" class="blog-user layui-hide"> <img
			src="../images/Absolutely.jpg" alt="Absolutely" title="Absolutely" />
		</a>
		<!-- 小白分享 -->
		<a class="blog-logo" href="${pageContext.request.contextPath}/index.html">小白分享</a>
		<!-- 导航菜单 -->
		<ul class="layui-nav" lay-filter="nav">
                <li class="layui-nav-item">
                    <a href="${pageContext.request.contextPath}/index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
                </li>
                <li class="layui-nav-item layui-this">
                    <a href="${pageContext.request.contextPath}/article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
                </li>
                <li class="layui-nav-item">
                    <a href="${pageContext.request.contextPath}/about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
                </li>
		</ul>
		<!-- 手机和平板的导航开关 -->
		<a class="blog-navicon" href="javascript:;"> <i
			class="fa fa-navicon"></i>
		</a>
	</div>
	</nav>
	<!-- 主体（一般只改变这里的内容） -->
	<div class="blog-body">
		<div class="blog-container">
			<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
				<a href="${pageContext.request.contextPath}/index.html" title="网站首页">网站首页</a> 
				<a href="article.html" title="文章专栏">文章专栏</a> 
				<a href="article.html" title="${article.arcType.typeName}">${article.arcType.typeName} </a> 
				<a><cite>${article.title}</cite></a>
			</blockquote>
			<div class="blog-main">
				<div class="blog-main-left">
					<!-- 文章内容（使用Kingeditor富文本编辑器发表的） -->
					<div class="article-detail shadow">
						<div class="article-detail-title">${article.title}</div>
						<div class="article-detail-info">
							<span>编辑时间： <fmt:formatDate
									value="${article.releaseDate }" type="date"
									pattern="yyyy-MM-dd HH:mm" />
							</span> <span>作者： ${article.author} </span> <span>浏览量：
								${article.clickHit} </span>
						</div>
						<div class="article-detail-content">
								${article.content}
							<!-- 标签 -->
							<c:choose>
								<c:when test="${tags==null}"></c:when>
								<c:otherwise>
									<hr style="margin-top: 50px;">
									<fieldset class="layui-elem-field">
										<legend>标签</legend>
										<div class="layui-field-box">
											<c:forEach var="tag" items="${tags }">
											&nbsp;&nbsp;
												<a href="http://zhannei.baidu.com/cse/search?q=${tag }&s=12460614923704529778&entry=1" target="_blank">${tag }</a>
											&nbsp;&nbsp;
											</c:forEach>
										</div>
									</fieldset>
								</c:otherwise>
							</c:choose>
						</div>
					</div>
					<hr>


					<!-- 评论区域 -->
					<div class="blog-module shadow"
						style="box-shadow: 0 1px 8px #a6a6a6;">
							<fieldset class="layui-elem-field layui-field-title"
								style="margin-bottom: 0">
								<legend>来说两句吧</legend>
								<div class="layui-field-box">
									<form class="layui-form blog-editor" action="">
										<div class="layui-form-item">
											<textarea name="editorContent" lay-verify="content"
												id="remarkEditor" placeholder="请输入内容"
												class="layui-textarea layui-hide"></textarea>
										</div>
										<div class="layui-form-item">
											<button class="layui-btn" lay-submit="formRemark"
												lay-filter="formRemark">提交评论</button>
										</div>
									</form>
								</div>
							</fieldset>
							<div class="blog-module-title">最新评论</div>
							<ul class="blog-comment">
								<li>
									<div class="comment-parent">
										<div class="info">
											<span class="username">评论名</span> <span class="time">评论时间</span>
										</div>
										<div class="content">评论</div>
									</div>
								</li>
							</ul>
					</div>
					
					
				</div>
				<div class="blog-main-right">
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle">
						<i class="fa fa-chevron-left"></i>
					</div>
					<!--这个div位置不能改，否则需要添加一个div来代替它或者修改样式表-->
					<div class="article-category shadow">
						<div class="article-category-title">分类导航</div>
						<!-- 点击分类后的页面和artile.html页面一样，只是数据是某一类别的 -->
						<a href="https:www.baidu.com">Java</a>
						<div class="clear"></div>
					</div>
					<div class="blog-module shadow">
						<div class="blog-module-title">留空</div>
						<ul class="fa-ul blog-module-ul">
							<li><i class="fa-li fa fa-hand-o-right"></i>
								<a	href="detail.html">666666666666 内容页</a>
							</li>
						</ul>
					</div>
					<div class="blog-module shadow">
						<div class="blog-module-title">随便看看</div>
						<ul class="fa-ul blog-module-ul">
							<li><i class="fa-li fa fa-hand-o-right"></i><a
								href="detail.html">随机随机 内容页面</a></li>
						</ul>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<footer class="blog-footer">
	<p>
		<span>Copyright</span><span>&copy;</span><span>2017</span><a
			href="http://www.lyblogs.cn">小白分享</a><span>Design By LY</span>
	</p>
	<p>
		<a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备16029915号-1</a>
	</p>
	</footer>
	<!--侧边导航-->
	<ul
		class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide"
		lay-filter="nav">
		                <li class="layui-nav-item">
                    <a href="${pageContext.request.contextPath}/index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
                </li>
                <li class="layui-nav-item layui-this">
                    <a href="${pageContext.request.contextPath}/article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
                </li>
                <li class="layui-nav-item">
                    <a href="${pageContext.request.contextPath}/about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
                </li>
	</ul>
	<!--分享窗体-->
	<div class="blog-share layui-hide">
		<div class="blog-share-body">
			<div style="width: 200px; height: 100%;">
				<div class="bdsharebuttonbox">
					<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a
						class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a
						class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a
						class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
				</div>
			</div>
		</div>
	</div>
	<!--遮罩-->
	<div class="blog-mask animated layui-hide"></div>
	<!-- layui.js -->
	<script
		src="${pageContext.request.contextPath}/static/bl/plug/layui/layui.js"></script>
	<!-- 自定义全局脚本 -->
	<script src="${pageContext.request.contextPath}/static/bl/js/global.js"></script>
	<!-- 比较好用的代码着色插件 -->
	<script
		src="${pageContext.request.contextPath}/static/bl/js/prettify.js"></script>
	<!-- 本页脚本 -->
	<script src="${pageContext.request.contextPath}/static/bl/js/detail.js"></script>
</body>
</html>